<html>
    <head>
        <title>movable-area</title>
    </head>
    <body>
        <script>
            // movable-area 可拖动区域

                    /*
                        一、概述

                                    可拖动区域

                                    由于app和小程序的架构是逻辑层与视图层分离，使用js监听拖动时会引发逻辑层和视图层的频繁通讯，影响性能.

                                    为了方便高性能的实现拖动，平台特封装了movable-area组件。



                                    movable-area指代可拖动的范围,在其中内嵌movable-view组件用于指示可拖动的区域。

                                    即手指/鼠标按住movable-view拖动或双指缩放，但拖不出movable-area规定的范围。

                                    当然也可以不拖动，而使用代码来触发movable-view在movable-area里的移动缩放。

                                    movable-view的规范另见movable-view。：https://uniapp.dcloud.net.cn/component/movable-view.html


                        二、平台兼容性

                                App	 H5	 微信小程序	 支付宝小程序	百度小程序	抖音小程序	飞书小程序	QQ小程序	快应用	360小程序	快手小程序	京东小程序	元服务	小红书小程序
                                 √	 √	 √	         √	          √	         √	         x	        √	       √	   √	      √	         √	         √	     √
                    */

                    /*
                        三、属性说明

                                属性名	        类型	    默认值	    说明

                                scale-area	   Boolean	   false	当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area


                                注意：movable-area 必须设置 width 和 height 属性，不设置默认为 10px

                                movable-area app-nvue平台 暂不支持手势缩放，并且和滚动冲突。
                    */
        </script>
    </body>
</html>